 <style type="text/css">
    *{margin:0; padding:0;}/ *为了方便 直接这样重置了* /
    #main{margin:0 auto; width:960px; position:relative;}
    #banner{display:none; margin:0 auto; width:100%; height:350px; background:url(20151.jpg) no-repeat; position:relative;}
    #close{display:block; width:18px; height:38px; text-align:center; line-height:16px; text-align:center; background:#666; color:#fff; font-size:12px; float:right; cursor:pointer; position: absolute; top:0; right:20px; padding-top:3px;}
    </style>

    <script type="text/javascript">    
    $(function(){
        $("#banner").slideDown();
    var Up=function(){$("#banner").slideUp(3000)}
    var small=function(){$("#small_topbanner").slideDown()}
    var small_hide=function(){$("#small_topbanner").slideUp()}
    var open_show = function(){$("#close").text("展开");}
        setTimeout(Up,2000);
        setTimeout(small,4000);
        setTimeout(open_show,4000);
        $("#close").click(function(){
        $("#banner").slideToggle(300,function(){
            if($("#banner").css("display") == "none"){
            $("#close").text("展开");
            //$("#small_topbanner").show();
            setTimeout(small,100);
            }else{
            $("#close").text("收起");
            $("#small_topbanner").hide();
            //document.getElementByIdx_x_x_x("small_topbanner").style.display = "none";
            //setTimeout(small_hide,100);
        }
      });
     });
    });
    </script>
   
    <div id="main">
        <div id="banner"></div>
        <div id="small_topbanner" style="display:none; width:100%;"><a target="_blank" href="" title="有佣网新年大酬宾"> <img src="index_small.jpg"   border="0"/></a></div>
        <span id="close">收起</span>
    </div>